@import '~antd/lib/style/themes/default.less';

@mainStepBgColor: #1790FF;

html,
body,
#root {
  height: 100%;
}

.colorWeak {
  filter: invert(80%);
}

.ant-layout {
  min-height: 100vh;

  :global {
    color: white;
  }
}

@font-face {
  font-family: 'notoSansSC';
  src: url('./font/NotoSansSC-Regular.otf');
}

canvas {
  display: block;
}

body {
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  :global(.ant-tabs) {
    overflow: unset;
  }
}

.globalSpin {
  width: 100%;
  margin: 40px 0 !important;
}

ul,
ol {
  list-style: none;
}

:global {
  //.ant-page-header-heading {
  //  height: 0px;
  //}

  // protable
  .ant-pro-table-toolbar{
    height: 32px !important;
  }

  .ant-pro-table-column-setting-list .ant-checkbox-wrapper :last-child {
    margin-bottom: 0;
    font-size: 12px !important;
  }

  .ant-pro-table-column-setting-list-item {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 2px 8px !important;
  }

  .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
    margin-right: 2px !important;
  }

  // tabs的相关样式设置;

  .ant-tabs-bar {
    // margin: 0 !important;
  }

  .ant-tabs-nav .ant-tabs-tab-active {
    color: #000 !important;
  }

  .ant-tabs-ink-bar {
    position: absolute;
    bottom: 1px;
    left: 0;
    z-index: 1;
    box-sizing: border-box;
    width: 0;
    height: 2px;
    background-color: @mainStepBgColor !important;
    transform-origin: 0 0;
  }

  .ant-tabs-tab-unclosable:hover {
    color: @mainStepBgColor;
  }

  .ant-tabs-tab:hover {
    color: @mainStepBgColor !important;
  }

  // tabs

  .ant-tabs-nav {
    padding-top: 2px !important;
  }

  .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab {
    background: #fff !important;
    color: #d8d8d8 !important;
  }

  .ant-tabs.ant-tabs-card .ant-tabs-card-bar .ant-tabs-tab-active {
    background: #f2f2f2 !important;
    border-bottom: 1px solid #f2f2f2 !important;
    color: @mainStepBgColor !important;
  }

  .ant-tabs-nav-scroll {
    background-color: #fff !important;
  }

}

//@media (max-width: @screen-xs) {
//  .ant-table {
//    width: 100%;
//    overflow-x: auto;
//    &-thead > tr,
//    &-tbody > tr {
//      > th,
//      > td {
//        white-space: pre;
//        > span {
//          display: block;
//        }
//      }
//    }
//  }
//}
